/* 粒子效果 */
.bip-particle {
    position: absolute;
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 50%;
    animation: bip-particle 0.8s cubic-bezier(0.18, 0.89, 0.32, 1.28) both;
}

@keyframes bip-particle {
    0% {
        opacity: 0.8;
        transform: translate(0, 0) scale(1);
    }
    100% {
        opacity: 0;
        transform: 
            translate(
                calc(var(--distance) * cos(var(--angle)) * 50px),
                calc(var(--distance) * sin(var(--angle)) * 30px)
            ) 
            scale(0.2);
    }
}

/* 性能模式样式 */
.bip-perf-mode {
    filter: saturate(0.8) contrast(1.1);
    transform: translateZ(0);
}

.bip-perf-mode .dplayer-danmaku {
    display: none !important;
}

/* 备用播放按钮 */
.bip-fallback-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(8px);
    border: 2px solid rgba(255,255,255,0.2);
    padding: 12px 24px;
    border-radius: 50px;
    color: white;
    font-weight: 500;
    transition: all 0.3s ease;
}

.bip-fallback-button:hover {
    background: rgba(255,255,255,0.25);
    transform: translate(-50%, -50%) scale(1.05);
}

/* 动态控制栏 */
.bip-controls-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}
